interface ColumnItem {
	type?: string;
	prop?: string;
	label?: string;
	width?: string;
	minWidth?: string;
	fixed?: string;
	align?: string;
	customComponent?: any;
}

export function useColumns() {
	const columns = reactive<ColumnItem[]>([
		{
			type: "selection",
			width: "50",
			align: "center"
		},
		{
			prop: "id",
			width: "50",
			label: "ID",
			align: "center"
		},
		{
			label: "状态",
			width: "100",
			customComponent: "StatusColumn"
		},
		{
			label: "用户信息",
			minWidth: "150",
			align: "center",
			customComponent: "UserColumn"
		},
		{
			prop: "phone",
			label: "手机号码",
			width: "160",
			align: "center"
		},
		{
			label: "注册进度",
			width: "200",
			align: "center",
			customComponent: "ProgressColumn"
		},
		{
			prop: "createTime",
			label: "注册时间",
			width: "220",
			align: "center"
		},
		{
			fixed: "right",
			label: "操作",
			width: "120",
			align: "center",
			customComponent: "OperationColumn"
		},
	]);

	const onAddColumns = () => {};

	const onDelColumns = () => {};

	return {
		columns,
		add: onAddColumns,
		del: onDelColumns
	};
}
